<template>
	<!--2-->
	<van-nav-bar class="header" @click-left="back" :title="title" left-text="返回" left-arrow>
		<template #right>
			<!--3-->
			<i class="iconfont more" />
		</template>
	</van-nav-bar>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";
import { defineProps } from "vue";
defineProps<{ title: string }>();
const router = useRouter();
const back = () => {
	router.back();
};
</script>

<style lang="scss" scoped>
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	.more {
		font-size: 20px;
	}
}
</style>